<script lang="ts">
import {Vue, Component, Inject} from 'vue-property-decorator';

@Component({name: "DiffContent"})
export default class DiffContent extends Vue {
  private checked:boolean = false;
  @Inject('modeType') injectedModeType!: {mode: string};
}
</script>

<template>
  <div class="cc-modal-plugin__item">
    <el-checkbox v-model="checked" :disabled="injectedModeType.mode == 'preview'">仅显示差异项</el-checkbox>
  </div>
</template>

<style scoped lang="scss">
.cc-modal-plugin__item{
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  margin-left: 20px;
}
::v-deep .el-checkbox__label{
  padding-left: 2px;
}
</style>